﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="msleft" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="Shortcut Icon" href="images/en/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/jqzoom.css"  />
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script  type="text/javascript" src="js/jqzoom.pack.1.0.1.js"></script>
</head>
<body>
<div class="container">
<div id="header">
	<div class="header_tool"><a href="" title="" class="sign">Sign in <i>or</i> Create account</a><a href="" title="" class="cart">Shopping Cart</a></div>
	<div class="header_cons">
		<div class="cons">
			<a href="#" title="" id="logo"><img src="images/logo.jpg" alt="DAFT SHOPPING" /></a>
			<div class="image_container banner"><img alt="" src="upfile/banner.jpg"/></div>
		</div>
	</div>
	<div class="header_nav">
		<ul>
			<li><a href="#" title="">TODAY</a></li>
			<li><a href="#" title="">GIFT CARD</a></li>
			<li><a href="#" title="">FEEDBACK</a></li>
		</ul>
	</div> <!-- header_nav end -->
	<div class="head_share">
		<ul>
			<li><a href="#" title=""><img src="images/sociable/social_facebook.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_twitter.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_delicious.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_digg.gif" alt="" /></a></li>
		</ul>
	</div> <!-- head_share end -->
</div> <!-- header end  --> 
<div class="wrap">
<div class="left">
	<div id="nav">
		<dl>
			<dt class="select first"><span>CATEGORY</span></dt>
			<dd style="display:block;">
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt><span>BY BRAND</span></dt>
			<dd>
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt class="last"><span>POPULAR SEARCHES</span></dt>
			<dd></dd>
		</dl>
	</div><!-- nav end -->
</div> <!-- left end -->
<div class="main_coloum">
<div class="path"><a href="#" title="">HOME</a> &nbsp;&nbsp;&gt;&nbsp;&nbsp; JANE'S ACCOUNT</div>
<div class="quick_tool"><a href="#" title="">ORDER STATUS</a> <span>PROFILE</span> <a href="#" title="">BACKPOCKET</a>  SHIPPING & PAYMENT </div>
<div class="main" id="shipping_payment">
	<div class="main_left">
		<div id="addresses">
			<h3>ADDRESSES</h3>
			<div class="info">
				<h4>DEFAULT SHIPPING ADDRESS</h4>
				<p class="tool"><a href="#" title="" class="edit">eidt</a> <a href="#" title="" class="remove">remove</a></p>
				<div class="cons">
					<p>RM202 BLDG 6 LANE 501<br/>MENGZI LU, LUWAN DISTRICT<br/>SHANGHAI 200023 CHINA</p>
				</div>
			</div>
			<div class="shipping_address">
				<h4>ADD AN ADDITIONAL SHIPPING ADDRESS</h4>
				<form method="post" action="#" name="" >
					<div class="name_item">
						<p>
							<label>FIRST NAME</label><input type="text" name="" value="" class="ce_text" />
							<label>LAST NAME</label><input type="text" name="" value="" class="ce_text" />
						</p>
					</div>
					<div class="street_address">
						<p>
							<label>STREET ADDRESS</label><input type="checkbox" name="" value="" class="checkbox" /> <span class="notice">make this default shipping address</span>
						</p>
						<p>
							<input type="text" name="" value="line 1" onfocus="if (this.value == 'line 1') {this.value = '';}" onblur="if (this.value == ''){this.value = 'line 1'; }" class="ce_text address_text" />
							<input type="text" name="" value="line 1" onfocus="if (this.value == 'line 1') {this.value = '';}" onblur="if (this.value == ''){this.value = 'line 1'; }" class="ce_text address_text" />
							<input type="text" name="" value="zipcode" class="ce_text zipcode" />
							<select class="city">
								<option value="" selected="selected">- city -</option>
								<option value="">Beijing</option>
								<option value="">Shenzhen</option>
							</select>
							<select class="province">
								<option value="" selected="selected">- province -</option>
								<option value="">Beijing</option>
								<option value="">Guangdong</option>
							</select>
							<select class="country">
								<option value="" selected="selected">- country -</option>
								<option value="">China</option>
								<option value="">USA</option>
							</select>
						</p>
					</div>
					<div class="contactus_item">
						<p>
							<label>MOBILE</label><span class="text_area">(<input type="text" name="" value="" class="ce_text" />)</span><input type="text" name="" value="" class="ce_text mobile" />
						</p>
						<p>
							<label>TELEPHONE</label><span class="text_area">(<input type="text" name="" value="" class="ce_text" />)</span><input type="text" name="" value="" class="ce_text tel" /><input type="text" name="" value="EXT" class="ce_text tel_ext" />
						</p>
					</div>
					<p class="submits"><input type="submit" name="submit" value="ADD ADDRESS" class="submit" /></p>
				</form> <!-- form end -->
			</div>
		</div>  <!-- addresses end -->
	</div> <!-- main_left end -->
	<div class="main_right">
        <div id="payment">
			<h3>PAYMENT</h3>
			<div class="info">
				<h4>DEFAULT SHIPPING ADDRESS</h4>
				<p class="tool"><a href="#" title="" class="edit">eidt</a> <a href="#" title="" class="remove">remove</a></p>
				<div class="cons">
					<p>MASTERCARD  XXXX-XXXX-XXXX-9073(06-2010)</p>
				</div>
			</div> <!-- info end -->
			<form method="post" action="#" name="" >
				<div class="credit_card">
					<h4>ADD A CREDIT CARD</h4>
					<p>
						<label>CARD NAME</label>
						<select class="card_name">
							<option value="">VISA</option>
							<option value="">VISA</option>
							<option value="">VISA</option>
						</select>
					</p>
					<p>
						<label>CARD NUMBER</label><input type="text" name="" value="" class="ce_text" />
					</p>
					<p>
						<label>EXP. DATE</label>
						<select class="exp_day">
							<option value="01">01</option>
							<option value="02">02</option>
							<option value="03">03</option>
							<option value="04">04</option>
							<option value="05">05</option>
							<option value="06">06</option>
							<option value="07">07</option>
							<option value="08">08</option>
							<option value="09">09</option>
							<option value="10">10</option>
							<option value="11">11</option>
							<option value="12">12</option>
						</select>
						<select class="exp_month">
							<option value="2010">2010</option>
							<option value="2009">2009</option>
							<option value="2008">2008</option>
							<option value="2007">2007</option>
						</select>
					</p>
					<p class="submits"><input type="submit" name="submit" value="ADD CARD" class="submit" /></p>
				</div> <!-- credit_card end -->
			</form>
			<form method="post" action="#" name="" >
				<h4>DEFAULT BILLING ADDRESS</h4>
				<p>To speed your checkout process, please ensure that the correct billing address is associated with each card you have on file. </p>
				<div class="name_item">
					<p>
						<label>FIRST NAME</label><input type="text" name="" value="JANE" class="ce_text" />
						<label>LAST NAME</label><input type="text" name="" value="LOU" class="ce_text" />
					</p>
				</div>
				<div class="street_address">
					<p><label>STREET ADDRESS</label></p>
					<p>
						<input type="text" name="" value="RM22 BLDG6 LANE 501" class="ce_text address_text" />
						<input type="text" name="" value="MENGZI LU, LUWAN DISTRICT" class="ce_text address_text" />
						<input type="text" name="" value="200023" class="ce_text zipcode" />
						<select class="city">
							<option value="">- city -</option>
							<option value="">Beijing</option>
							<option value=""  selected="selected">Shenzhen</option>
						</select>
						<select class="province">
							<option value="" selected="selected">---</option>
							<option value="">Beijing</option>
							<option value="">Guangdong</option>
						</select>
						<select class="country">
							<option value="">- country -</option>
							<option value="" selected="selected">China</option>
							<option value="">USA</option>
						</select>
					</p>
				</div>
				<div class="contactus_item">
					<p>
						<label>MOBILE</label><span class="text_area">(<input type="text" name="" value="021" class="ce_text" />)</span><input type="text" name="" value="62580000" class="ce_text mobile" />
					</p>
				</div>
				<p class="submits"><input type="submit" name="submit" value="SAVE CHANGES" class="submit" /></p>
			</form> <!-- form end -->
		</div> <!-- payment end -->
	</div> <!-- main_right end -->
	
</div> <!-- main end -->
</div> <!-- main_coloum end -->
</div> <!-- wrap  -->
<div id="footer">
	<div class="footer_column">
		<h4>CUSTOMER SERVICE</h4>
		<p><a href="#" title="">Size</a></p>
		<p><a href="#" title="">Shipping info</a></p>
		<p><a href="#" title="">Order tracking</a></p>
		<p><a href="#" title="">Return policy</a></p>
		<p><a href="#" title="">CS@daftshopping.com</a></p>
	</div>
	<div class="footer_column">
		<h4>PAYMENT METHOD</h4>
		<p><a href="#" title="">Paypal</a></p>
		<p><a href="#" title="">Credit Card</a></p>
		<p><a href="#" title="">Cash Upon Delivery</a></p>
	</div>
	<div class="footer_column">
		<h4>CONTACT DAFT</h4>
		<p><a href="#" title="">Info@daftshopping.com</a></p>
		<p><a href="#" title="">Toll-free 400-800-1234</a></p>
	</div>
	<div class="footer_right">
		<div class="share">
			<span>JOIN THE GANG</span>
			<ul>
				<li><a href="#" title=""><img src="images/sociable/social_facebook.gif" alt="" />Facebook  </a></li>
				<li><a href="#" title=""><img src="images/sociable/social_twitter.gif" alt="" />Twitter</a></li>
				<li><a href="#" title=""><img src="images/sociable/social_delicious.gif" alt="" />Delicious</a></li>
			</ul>
		</div>
		<p>Subscribe to our monthly newsletter stuffed with subscriber-only promotions, super sweepstakes and insider scoops on new products.</p>
		<div class="mod_box_items subscribe block">
			<div class="ce_text">
				<div class="ce_text block">
						<form method="post" action="">
							<p>
								<input type="text" value="Subscribe our e-newsletter" onfocus="if (this.value == 'Subscribe our e-newsletter') {this.value = '';}" onblur="if (this.value == ''){this.value = 'Subscribe our e-newsletter'; }" class="text" name="email"/>
								<input type="submit" value="SUBMIT" name="submit" class="submit" />
							</p>
						</form>
				</div>
			</div>
		</div> <!-- mod_box_items end -->
	</div> <!-- footer_right end -->
	<div class="footer_bottom">
		<div class="copyright">
			<p>Copyright&copy;Daft &amp; its Partners 2009 | <a href="#" title="">Terms & Conditions</a>  |  <a href="#" title="">Privacy Policy</a> </p>
		</div>	
		<div class="note">
			<p>DAFT hates spam. Your personal information is safe with us.</p>
		</div>
	</div>
</div><!-- footer end -->
</div><!-- container end -->

<script type="text/javascript">

$(function() {
	var options = {
	    zoomWidth: 400,
	    zoomHeight: 352,
		xOffset: 10,
		yOffset: 0,
	    showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		
		position: "right" //and MORE OPTIONS
	};

	$(".jqzoom").jqzoom(options);
});
</script>
</body>
</html>


